
<template>
  <div class="wrapper-contion">
    <div class="wrapper">
        <div class="wrapper-back">
      <div class="wrapper-Title">{{ data.title }}</div>
      <div class="wrapper-sub">
        <div class="wrapper-left-img">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/dbec8a7ed2eb3f91a046dc289de496b4.png"
          />
        </div>
        <div class="wrapper-left-txt">{{ data.time }}</div>
        <div class="wrapper-right-img">
          <van-image
            width="100%"
            height="100%"
            fit="cover"
            src="https://oss.cloudcpc.com/9ed595a059793833921f8e2c81a56727.png"
          />
        </div>
       <div class="wrapper-left-txt wrapper-right-txt">{{ data.look }}</div> 
      </div>
    </div>
    </div>
    <div class="details_content" :style="{fontSize:(13+font)+'px', lineHeight: (20+font)+'px'}" v-html="data.content">
    </div>
   <div class="big-title">
      <div class="title-view" @click="changefont">字体</div>
    </div>
    <van-popup v-model="isshow" closeable position="bottom" :style="{ height: '20%' }">
      <div class="txt-view">
        <div>小</div>
        <div>中</div>
        <div>大</div>
      </div>
      <div class="slider-view">
        <van-slider v-model="currentValue" @change="onChange" />
      </div>
    </van-popup>
  </div>
</template>

<script>
import { WxShare } from '@/utils/share'
import { redirectUrl } from '@/utils/config'
import { WOW } from 'wowjs'
export default {
  data() {
    return {
      data: {
        title: '',
        img: '',
        look: '',
        content: ''
      },
      newsList: [
        {
          id: '0',
          title: '武汉裕大华|智能纺纱车间，助力企业数字化升级',
          img: 'https://oss.cloudcpc.com/1de7a853d6fd327382390cd1b82e1362.jpeg',
          look: '1574',
          content:
            '<p class="ql-align-justify">\t设备一切数据，近在眼前；车间生产进度，清晰明了......武汉纺友助力裕大华打造“智能纺纱车间”可视化系统，让车间管理变得更加高效简单,企业的智能化升级再进一步。</p><p class="ql-align-justify"><br></p><p class="ql-align-center"><img src="https://oss.cloudcpc.com/3b2ed067c0053443ae5c32012734fb21.png"></p><p class="ql-align-center">裕大华智能纺纱车间可视化管理系统</p><p class="ql-align-justify">\t&nbsp;</p><p class="ql-align-justify">\t可视化系统又称“智慧总裁仓”，将来自生产车间、各个现有业务系统的数据采集到统一的数据平台，经过分析、处理、分类，实现了裕大华企业清梳联、预并、条卷、精梳、末并、粗纱、细纱、络筒、打包区的车间各生产工序的可视化管理，实现虚拟智能工厂的数字化全景展示，真正让数据会说话，让质量可追溯。</p><p class="ql-align-justify"><br></p><p class="ql-align-center">\t<img src="https://oss.cloudcpc.com/05dfc8646439319eab805903e78e078b.png"></p><p class="ql-align-center"><br></p><p class="ql-align-justify">\t系统功能模块包括：生产数据看板、对外订货看板、设备维保看板、能耗指标看板等，实现了看板3D可视化、智慧配棉、生产调度自动排产等功能。</p><p class="ql-align-justify">\t</p><p class="ql-align-center"><img src="https://oss.cloudcpc.com/b74085dce5553136b74a41cdc43d20e7.png"></p><p class="ql-align-center"><br></p><p class="ql-align-justify">\t车间设备1:1比例3D建模，可自行选择查看各个机台细节，运行状态、车间产量一目了然；系统模拟成纱品质，优选配棉方案，配棉、试纺高效便捷；通过生产订单核算，自动进行时间推算与生产能力平衡，可实现快速应对插单、急单。自动调度替代人工排产，效率更高，错漏更少，避免车间管理混乱。</p><p class="ql-align-justify"><br></p><p class="ql-align-center"><img src="https://oss.cloudcpc.com/40ceefe7fd2f3e9e80166eba9214617f.png"></p><p class="ql-align-center"><br></p><p class="ql-align-justify">\t可视化平台不仅能够对工厂设备进行监测，实现故障预判和及时维修，还可以实现远程操控，远程维修，极大降低运营成本，提高安全性，随时随地掌握工厂现场生产情况。</p><p class="ql-align-justify"><br></p><p class="ql-align-justify"><img src="https://oss.cloudcpc.com/ad365254f6273def937d8538a2db4256.png"></p><p class="ql-align-justify"><br></p><p class="ql-align-justify">\t大数据辅助生产、管理、决策，将远程管理推向全面可视化时代。管理人员不再是在固定位置办公，在异地也可巡视各方，如同亲临现场，日常巡查，应急时辅助决策，企业数字化智能化再上新台阶。</p><p class="ql-align-justify">\t武汉纺友通过软件、营销和数据三位一体的方式为企业提供数字化服务，把互联网、大数据、人工智能等信息科技手段与传统制造业深度融合，帮助企业解决数字化服务转型升级问题，助力企业成功打造智能工厂。</p><p class="ql-align-center"><br></p>',
          time: '08-06'
        },
        {
          id: '1',
          title: 'VR科技盛宴，打造展会“新业态”',
          img: 'https://oss.cloudcpc.com/0c27fa519d243f429006f42f11a476f4.jpeg',
          look: '2064',
          content:
            '<p class="ql-align-justify">\t自商务部2020年印发《关于创新展会服务模式，培育展览业发展新动能有关工作的通知》以来，全国各地加快推进展览业转型升级和创新发展，积极打造线上展会新平台，充分运用3D、5G、VR/AR等技术，陆续推出“线上展会”“云展会”。</p><p class="ql-align-justify">\t武汉纺友综合考量制作和体验以及未来的大趋势，采用3DVR虚拟现实展示形式，可助力参展商打造高科技沉浸式展会，集成线上展览突破时间空间的优势，也照顾了线下场景沉浸式用户体验的优势。</p><p class="ql-align-justify"><strong>案例</strong></p><p class="ql-align-justify"><strong>恒天重工2020 ITMA纺机联合展</strong></p><p class="ql-align-justify">\t恒天重工：作为一家拥有72年发展历史的中央企业，恒天重工发展至今，已成为全品类非织造布成套生产线、非织造布材料和制品的综合供应商，涤纶、特纤、纤维素纤维成套装备、织造浆纱及印染成套装备供应商。</p><p class="ql-align-justify">\t纺机装备主导产品覆盖纺织行业各个主要领域，主要产品技术水平均达国际先进，部分产品技术水平达到国际领先。在非织造布设备、织造设备都取得了突出成就。</p><p class="ql-align-justify">\t依托强有力的加工以及研发能力，恒天重工深耕非织造技术，相继开发出3.8米高速高杂高效智能水刺法生产线、木浆复合湿法水刺生产线、3.8米宽幅薄型热风生产线等高端成套装备，并且均已在用户现场投入使用。</p><p class="ql-align-justify"><strong>VR虚拟技术</strong></p><p class="ql-align-justify"><strong>千米生产线，尽情饱览</strong></p><p class="ql-align-justify">\t纺织行业与信息技术、互联网的深度融合正为创新发展提供广阔空间。除了实体设备之外，在展会上，恒天重工不仅展示了硬核展品，还利用VR交互动画和VR滑动屏技术，全方位展示了复合纺短纤维后处理成套设备、热风法非织造布成套设备、水刺法非织造布成套设备、针刺法非织造布成套设备等设备产线。</p><p class="ql-align-justify"><br></p><p class="ql-align-center"><img src="https://oss.cloudcpc.com/b67e6e98924c3f8aa7c71bd1fec09086.png"></p><p class="ql-align-center">VR滑轨屏，将全方位、无死角、1：1真实还原复杂工艺和生产运行过程，带给客户沉浸式体验。</p><p class="ql-align-justify"><br></p><p class="ql-align-justify">\t既可多角度鸟瞰，也可以查看设备和管网布置细节，数字新技术，可将现实中3.8米高、千米长的生产线搬至线上，完美解决工厂产线及大型设备展示难题，许多肉眼无法看清的位置和角落，也能清楚直观地展示，直观形象的体验，帮助快速精准地找到目标客户。</p><p class="ql-align-justify">&nbsp;</p><p class="ql-align-justify"><strong>信息新技术</strong></p><p class="ql-align-justify"><strong>助力纺织企业数字化转型</strong></p><p class="ql-align-justify">\t在工业互联网时代，处于潮头的3D工业仿真和VR虚拟现实技术展示，正逐步覆盖整个行业和相关领域。本次恒天重工展出的VR生产线，全部由国机集团旗下武汉纺友技术有限公司研发制作，基于数字化、可视化技术的纺织工业产业链全流程展示，将成为此次展会的重要环节。</p><p class="ql-align-justify">\t在后疫情时代，VR、3D工业仿真的重要性愈加凸显，它可以打破时空限制，减免客户不必要的出行，帮助远程参观工厂、生产线、样板厂。成为销售推广及海外市场拓展的强力助手。</p><p class="ql-align-justify">\t武汉纺友专注于纺织工业数字化领域，致力于“互联网+”新技术的创新与应用，“3D+VR”技术，为企业提供一站式工业仿真解决方案，MES开发、数字孪生可视化、数字展厅、小程序制作等全面服务，以智赋能，帮助纺织企业数字化转型，智能化升级。</p><p class="ql-align-center"><br></p>',
          time: '06-20'
        },
        // {
        //   id: '2',
        //   title: '经纬纺机副总经理管锦文调研武汉纺友公司并讲党课',
        //   img: 'https://oss.cloudcpc.com/bb0235e0b28c36629843d03104b508bf.jpeg',
        //   look: '1871',
        //   content:
        //     '<p class="ql-align-justify">2021年5月20日，经纬纺机副总经理管锦文到武汉纺友技术有限公司（以下简称武汉纺友）检查指导工作。</p><p class="ql-align-justify">首先，武汉纺友总经理华振刚就公司上半年经营工作进行了详细汇报。今年以来，借助疫情防控成就带来的经济全面恢复性高速发展，武汉纺友抓住机遇，迎来了良好的开局。一是围绕上海国际纺机展准备工作，网上纺机展升级换代基本结束，8家企业宣传片通过在全国各地用户的现场取景拍摄，正在加紧后期制作；二是抓住庆祝建党百年和党史学习教育契机，根据需求开发了“党史知识学习”、“重走长征路”、“点亮红色中国”等相关系列产品，获得用户好评；三是重点围绕服务经纬纺机发展战略，助力纺织行业和装备制造业的数字化转型，做了大量开拓性工作，数字孪生业务、“织造MES系统”的开发取得突破。为武汉纺友今后的发展奠定了基础。管锦文认真听取了工作汇报，并逐一点评，对武汉纺友工作中一些创新做法和取得的成绩予以肯定，对下一步工作提出具体要求。</p><p class="ql-align-justify">随后，管锦文就“长征--中华苏维埃共和国的悲壮远征，中国共产党永恒的精神史诗”为主题，结合当前党史学习教育活动，给武汉纺友党支部全体党员授课。</p><p class="ql-align-justify"><br></p><p><img src="https://oss.cloudcpc.com/39d10148ffe7389b86ec5c04aab3bf2a.jpeg"></p><p class="ql-align-center">▲经纬纺机副总经理管锦文同武汉纺友全体党员上党课</p><p class="ql-align-center"><br></p><p class="ql-align-justify">管锦文提到，历史是一个民族一个国家进步的精神宝库，是总结经验教训鼓励后人团结奋进的图书馆和大学堂。当我们在党史教育中回望长征这段历史，无不充满悲壮，无不充满敬仰。先烈们走过的路，成就的事业，令我们感怀，令我们激荡。在回顾红军长征的时代背景和艰难曲折的历程后，管锦文指出，长征是人类历史上的最为艰苦卓绝的路，是年轻的苏维埃共和国把对民族复兴、国家富强的希望、实现共产主义理想的伟大远征，也为中国共产党留下了宝贵的精神财富。那就是坚持独立自主、实事求是，一切从实际出发的精神；坚定革命的理想和信念，正义事业必然胜利的精神；为了救国救民，不怕任何艰难险阻，不惜付出一切牺牲的精神；顾全大局、严守纪律、紧密团结的精神；紧紧依靠人民群众，同人民群众生死相依、患难与共、艰苦奋斗的精神。</p><p class="ql-align-justify">管锦文强调，百年党史波澜壮阔，我们要把党的历史学习好、总结好，把党的成功经验传承好、发扬好，党员领导干部要高标准高质量开展党史学习教育，要率先垂范，以上率下，切实做到学有所思、学有所悟、学有所得，推动党史学习教育走深走实，把学习教育成果转化为公司发展的强大动力，全面推动公司高质量发展，共同助力企业创造美好的未来。</p><p class="ql-align-justify">管锦文指出，经纬纺机作为纺机行业的国家队，面临日益激烈的市场竞争，面对科技水平与用户期望的差距，面临新兴行业对人才的虹吸，面对着数字化转型和智能化发展的道道难关，我们更应吸收长征精神的营养，传承红色经纬的优良传统，以超越竞争对手的毅力、实事求是、充分依靠职工群众，建设一支理想信念坚定、作风顽强员工队伍；认真总结经验教训，提升在供应链、科研、制造、管理、服务客户等各个环节的能力，走出一条经纬纺机新时代的长征路！</p>',
        //   time: '05-20'
        // }
      ],
      font: 0,
      isshow: false,
      currentValue: 0
    }
  },
  mounted() {
    let id=this.$route.query.id
    this.data=this.newsList[id]
  },

  methods: {
      changefont(){
          this.isshow = !this.isshow
        console.log(this.isshow)
      },
      onChange(value){
          this.currentValue = value
          this.font = this.currentValue/6
      },
  }
}
</script>
<style lang="scss" scoped>
@import './index';
</style>
<style lang='scss'>
.details_content {
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  width: 686px;
  overflow-x: hidden;
  img {
    // width: 100%;
    max-width: 100% !important;
    margin-top: 10px;
  }
}

.details_content strong{
    color: #666;
   
  
}
.details_content p {
    color: #666;
   
    /*text-indent: 2em;*/
 
}
</style>

